<template>
  <div class="left--bottom">
    <div class="left--title3">
      <span>医疗机构信息</span>
    </div>
    <ul class="info--box3">
      <li class="info--item2">
        <span class="item--sub">送检医院:</span>
        <span
          class="item--word"
          :title="hospitalInfo ? hospitalInfo.docLinkPatHos.name : ''"
          >{{ hospitalInfo ? hospitalInfo.docLinkPatHos.name : "" }}</span
        >
      </li>
      <li class="info--item2">
        <span class="item--sub">送检医生:</span>
        <span
          class="item--word"
          :title="hospitalInfo ? hospitalInfo.docLinkPatUser.name : '--'"
          >{{ hospitalInfo ? hospitalInfo.docLinkPatUser.name : "--" }}</span
        >
      </li>
      <li class="info--item2">
        <span class="item--sub">检查医院:</span>
        <span
          class="item--word"
          :title="hospitalInfo ? hospitalInfo.curDocHospital.name : '--'"
          >{{ hospitalInfo ? hospitalInfo.curDocHospital.name : "--" }}</span
        >
      </li>
      <li class="info--item2">
        <span class="item--sub">检查医生:</span>
        <span
          class="item--word"
          :title="hospitalInfo ? hospitalInfo.userInfo.name : '--'"
          >{{ hospitalInfo ? hospitalInfo.userInfo.name : "--" }}</span
        >
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "HospitalInfoComp",
  props: ["hospitalInfo"],
  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.left--bottom {
  width: 100%;
  background-color: rgba(34, 31, 34, 1);
  box-sizing: border-box;
  border-top: 6px solid rgba(16, 185, 185, 1);
  height: calc(100% - 290px);
  .left--title3 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 47px;
    padding: 0 15px;
    box-sizing: border-box;
    span {
      color: rgba(255, 255, 255, 1);
      font-size: 20px;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    &.nopadding {
      padding: 0;
    }
  }
  .info--box3 {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    .info--item2 {
      width: 100%;
      height: 30px;
      line-height: 30px;
      .item--word {
        display: inline-block;
        width: 185px;
        color: #fff;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .item--sub {
        display: inline-block;
        width: 83px;
        color: rgba(255, 255, 255, 0.45);
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right;
        margin-right: 5px;
      }
    }
  }
}
</style>
